.pay-detail-container {
	.info {
		background-color: #fff;
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0.4rem 0;
	}
	.icon {
		width: 40%;
		&-yes {
			width: 0.4rem;
			height: 0.4rem;
			padding-right: 0.18rem;
		}
	}
	.title {
		color: #525252;
		font-size: 0.36rem;

		letter-spacing: 1px;
		&-wrapper {
			display: flex;
			align-items: center;
			justify-content: center;
			padding-top: 0.42rem;
			padding-bottom: 0.62rem;
		}
	}
	.desc {
		color: #545454;
		font-size: 0.26rem;
		line-height: 0.36rem;
		padding-bottom: 0.48rem;
		text-align: center;
	}
	.setting {
		display: flex;
		justify-content: space-between;
		padding: 0.4rem;
		background-color: #fff;
		align-items: center;
		color: #555555;
		font-size: 0.3rem;
	}
}
.pay-detail-modal {
	.am-modal-mask {
		z-index: 999999;
	}
	.am-modal-content {
		height: 0;
		padding-top: 0;
	}
	.am-modal-body {
		padding: 0 !important;
	}
	.close {
		height: 0.8rem;
		line-height: 0.8rem;
		background-color: #fff;
		color: #030303;
		text-align: center;
		font-size: 0.3rem;
		padding: 0 0.16rem;
		border-radius: 2px;
		position: fixed;
		right: 0.16rem;
		top: 1.7rem;
		.inner {
			height: 100%;
			display: block;
			position: relative;
			&:after {
				content: "";
				position: absolute;
				width: 0;
				height: 0;
				border-right: 0.1rem solid transparent;
				border-left: 0.1rem solid transparent;
				border-bottom: 0.1rem solid #fff;
				bottom: 100%;
				left: 70%;
			}
		}
	}
}

.close-pay-modal {
	width: 5.44rem;

	.am-modal-header {
		padding-top: 0.6rem;
	}
	.am-modal-content {
		background: url("../../../images/modal.png");
		background-size: 100% 100%;
		.am-modal-title {
			font-weight: bold;
			padding-bottom: 0.4rem;
		}
		p {
			font-size: 0.3rem;
			margin-bottom: 0.4rem;
			color: #333333;
			font-weight: 400;
			display: flex;
			justify-content: center;
			align-items: center;
			img {
				width: 0.6rem;
				height: 0.6rem;
				margin-right: 0.3rem;
			}
			span {
				text-align: left;
				display: block;
				width: 6.5em;
			}
		}

		p:last-of-type {
			margin-bottom: 0.8rem;
		}

		.modalbtn {
			height: 0.8rem;
			background: rgba(64, 177, 93, 1);
			border-radius: 20px;
			color: white;
			line-height: 0.8rem;
			margin: 0.2rem auto 0 auto;
			font-size: 0.28rem;
		}
		.modalclose {
			height: 0.8rem;
			line-height: 0.8rem;
			margin: 0 auto;
			font-size: 0.26rem;
			color: #999;
		}

		.xieyi {
			text-align: left;
			position: relative;
			top: -0.04rem;
			a {
				margin-left: 0.12rem;
				color: #40b15d;
			}
		}

		.green-agree-checkbox .text-wrapper {
			float: none;
			margin-left: 0;
			flex: 1;
		}

		.green-agree-checkbox {
			display: inline-flex;
			label {
				margin-right: 0.2rem;
			}
		}
	}
}
